*{
    margin:0 ;
    padding: 0;
    box-sizing: border-box;
}
/*清除整体间距*/

.clearfix:after,
.clearfix:before{
    content:"";
    display: block;
    clear: both;
}
.left{
    float: left;
}
.right{
    float: right;
}
/*清楚浮动/浮动*/


/*nav的样式 开始*/
.navbar{
    border-top: 2px solid #9221a1;
}
.navbar a:hover{
    color: #9221a1;
}
.navbar .container .a1{
    color: #9221a1;
}
/*nav的样式 结束*/


/*banner的样式 开始*/
.container .card{
    border: 0;
    text-align: center;
    margin-top: 77px;
}
.container .card h1{
    font: 104px/79px 微软雅黑;
    color: #6b15a1;
    border: 1px solid #6b15a1;
    border-radius: 12px;
    width: 114px;
    height: 114px;
    margin: 0 auto;
    padding-top: 14px;
}
.container .card-body a,
footer .container .a1{
    background-color: #6b15a1;
    color: #ffffff;
}
.banner .container .row{
    text-align: center;
    margin-top: 100px;
}
.container .col-md-4 h5{
    font: 16px/12px 微软雅黑;
    color: #293a46;
    font-weight: bold;
}
.container .col-md-4 p{
    color: #697176;
}
/*banner的样式 结束*/


/*主题内容的样式 开始*/
.container .bg1{
    background: url(../img/insta-2.jpg);
    background-size: 100% 100%;
    position: relative;
    border: 1px solid #dddddd;
}
.container .bg2{
    background: url(../img/insta-1.jpg);
    background-size: 100% 100%;
    position: relative;
    border: 1px solid #dddddd;
}
.container .bg3{
    background: url(../img/insta-3.jpg);
    background-size: 100% 100%;
    position: relative;
    border: 1px solid #dddddd;
}
.container .img1{
    border-radius: 50%;
    width: 94px;
    height: 94px;
    position: absolute;
    top: 14%;
    right: 33%;
}
.container .card-body{
    background: #fff;
    margin-top: 42%;
    color: #293a46;
}
.container .card-body .p2{
    font: 14px/208.3333333% 微软雅黑;
}
main .title {
    text-align: center;
}
 main{
     margin-bottom: 135px;
 }
main h6{
    margin-top: 38px;
}
/*主题内容的样式 结束*/

/*底部内容样式 开始*/
footer .container{
    border: 1px solid #dddddd;
    border-top: 5px solid #6b15a1;
}
footer .container .col-md-6 p:nth-of-type(1){
    font-weight: bold;
}
footer .container:nth-of-type(2){
    border: 0;
    margin-top: 80px;
    margin-bottom: 77px;
}
footer .container:nth-of-type(2) a{
    color: #7832a1;
}
/*底部内容样式 结束*/


.container .card-body a:hover, footer .container .a1:hover{
    background-color:blue;

}

/*响应式媒体查询*/
